<template>
  <div>
       <a-row>
          <a-col :offset="1" ><h1><span style="color:red">*</span>测试结果查询</h1></a-col>
      </a-row>
      <a-row>
          <a-col :offset="1"><hr style="border:1px solid blue ;margin-bottom:15px"></a-col>
      </a-row>
      <a-row>
          <a-col :offset="1"  v-show="visible" @click="search" >
              <div class="item">
              <div class="image"><img src="../../assets/image/scl.jpeg"></div>
              <h2 style="margin-top:15px"><span style="color:red">*</span>SCL测试</h2>
              <h3><span style="color:red">*</span>世界著名心理测试</h3>
              <h3 style="margin-top:30px"><router-link active-class="active" :to="{path:'/stuhome/resultqury/resultdisplay',query:{student_test_id:stu_id,back_path:this.back_path}}">点击查看测试结果</router-link></h3>
              </div>
            </a-col>
      </a-row>
      <a-row>
        <router-view></router-view>
      </a-row>
  </div>
</template>

<script>
export default {
    name:'Resultqury',
    data(){
        return {
            visible:true,
            back_path:"/stuhome/resultqury",
            stu_id:'',
        }
    },
    created() {
        this.visible=true
        this.$bus.$on('show',val=>{this.show()})
        this.$bus.$on('hidden',val=>{this.hidden()})
        this.stu_id=window.sessionStorage.getItem('stuToken','')
    },
    methods: {
        search(){
            this.visible=false
        },
        show(){
            this.visible=true
        },
        hidden(){
            this.visible=false
        }
    },

}
</script>

<style lang="less" scoped>
.item{
    position: relative;
    width:400px !important;
    height: 150px !important;
    // border: 1px solid black;
    box-shadow: 0 0 10px #ddd;
    .image{
        width:250px;
        height: 150px;
        float: left;
        margin-right:6px;
        img{
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
    }
}


</style>